import React, {Component} from 'react';
import {
    FlatList,
    Text,
    View,
    Image,
    TouchableHighlight,
    Dimensions,
    Button,
    ScrollView,
    TouchableOpacity,
    TextInput
} from 'react-native';
import {Header} from '../common/header';

export class Release extends React.Component {

    constructor(){
        super();
    }
    titleItem() {
        return (
            <Text style={{color: '#fff', textAlign: 'center', fontSize: 24}}>发布信息类型</Text>
        )
    }
    render(){
        const { navigate } = this.props.navigation;
        return(
            <View>
                <Header
                    titleItem={() => this.titleItem()}
                />
                <View style={style.contant}>
                    <TouchableOpacity style={style.bigBtn} onPress={()=>{navigate('buyView')}}>
                        <Text style={style.bigBtnText}>出售</Text>
                    </TouchableOpacity>
                    <TouchableOpacity style={style.bigBtn} onPress={()=>{navigate('TobuyView')}}>
                        <Text style={style.bigBtnText}>求购</Text>
                    </TouchableOpacity>
                </View>
            </View>
        );
    }
}
const style={
    contant:{
        alignItems: 'center',
        justifyContent: 'center',
    },
    bigBtn:{
        width:200,
        backgroundColor:'#43A2D8',
        height:200,
        alignItems: 'center',
        justifyContent: 'center',
        borderRadius:100,
        marginTop:50
    },
    bigBtnText:{
        // vertAlign:'center',
        textAlign:'center',
        // fontWeight:'bold',
        color:'#fff',
        fontSize:50,

    }
}